webpackJsonphippius([1],{

/***/ 172:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Loading_vue__ = __webpack_require__(492);
/* empty harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_08b686a6_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Loading_vue__ = __webpack_require__(516);
function injectStyle (ssrContext) {
  __webpack_require__(515)
}
var normalizeComponent = __webpack_require__(5)
/* script */


/* template */

/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = "data-v-08b686a6"
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Loading_vue__["a" /* default */],
  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_08b686a6_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Loading_vue__["a" /* default */],
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)

/* harmony default export */ __webpack_exports__["default"] = (Component.exports);


/***/ }),

/***/ 484:
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ 492:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(48);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hippius__ = __webpack_require__(162);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__assets_images_loading_rolling_svg__ = __webpack_require__(484);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__assets_images_loading_rolling_svg___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__assets_images_loading_rolling_svg__);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//






__WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].use(__WEBPACK_IMPORTED_MODULE_1_hippius__["j" /* LoadingPlugin */]);

/* harmony default export */ __webpack_exports__["a"] = ({
  components: {
    HButton: __WEBPACK_IMPORTED_MODULE_1_hippius__["e" /* HButton */],
    Loading: __WEBPACK_IMPORTED_MODULE_1_hippius__["i" /* Loading */]
  },
  data: function data() {
    return {
      show1: false,
      show2: false,
      show3: false,
      show4: false,
      svgSrc: __WEBPACK_IMPORTED_MODULE_2__assets_images_loading_rolling_svg___default.a
    };
  },

  methods: {
    // 标签用法
    showLoading1: function showLoading1() {
      var _this = this;

      if (this.show1) return;
      this.show1 = true;
      setTimeout(function () {
        _this.hideLoading1();
      }, 2000);
    },
    hideLoading1: function hideLoading1() {
      this.show1 = false;
    },
    showLoading2: function showLoading2() {
      var _this2 = this;

      if (this.show2) return;
      this.show2 = true;
      setTimeout(function () {
        _this2.hideLoading2();
      }, 2000);
    },
    hideLoading2: function hideLoading2() {
      this.show2 = false;
    },
    showLoading3: function showLoading3() {
      var _this3 = this;

      if (this.show3) return;
      this.show3 = true;
      setTimeout(function () {
        _this3.hideLoading3();
      }, 2000);
    },
    hideLoading3: function hideLoading3() {
      this.show3 = false;
    },
    showLoading4: function showLoading4() {
      var _this4 = this;

      if (this.show4) return;
      this.show4 = true;
      setTimeout(function () {
        _this4.hideLoading4();
      }, 2000);
    },
    hideLoading4: function hideLoading4() {
      this.show4 = false;
    },

    // 插件用法
    showLoading5: function showLoading5() {
      var ops = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

      this.$loading.show({
        noWrap: ops.noWrap,
        spinSize: ops.spinSize,
        spinColor: ops.spinColor,
        svgSrc: ops.svgSrc,
        onShow: ops.onShow,
        onHide: ops.onHide
      });
    },
    hideLoading5: function hideLoading5() {
      this.$loading.hide();
    },
    handleLoading: function handleLoading() {
      var _this5 = this;

      this.showLoading5({
        noWrap: false,
        // spinSize: '100%',
        // spinColor: '#ccc',
        // svgSrc: svg,
        onShow: function onShow() {
          console.log('on-show');
          setTimeout(function () {
            _this5.hideLoading5();
          }, 2000);
        },
        onHide: function onHide() {
          console.log('on-hide');
        }
      });
    }
  }
});

/***/ }),

/***/ 515:
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin

/***/ }),

/***/ 516:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"content-view wrapper"},[_c('div',{staticClass:"local-region"},[_c('loading',{attrs:{"spin-size":"40px","spin-color":"#ccc"},model:{value:(_vm.show1),callback:function ($$v) {_vm.show1=$$v},expression:"show1"}}),_vm._v(" "),_c('loading',{attrs:{"spin-size":"40px","spin-color":"#ccc","no-wrap":""},model:{value:(_vm.show2),callback:function ($$v) {_vm.show2=$$v},expression:"show2"}}),_vm._v(" "),_c('loading',{attrs:{"svg-src":_vm.svgSrc,"spin-size":"100%"},model:{value:(_vm.show3),callback:function ($$v) {_vm.show3=$$v},expression:"show3"}}),_vm._v(" "),_c('loading',{attrs:{"svg-src":_vm.svgSrc,"spin-size":"100%","no-wrap":""},model:{value:(_vm.show4),callback:function ($$v) {_vm.show4=$$v},expression:"show4"}})],1),_vm._v(" "),_c('h2',{staticClass:"item-title"},[_vm._v("标签用法 (通常在局部显示时使用)")]),_vm._v(" "),_c('h-button',{staticClass:"button-class",attrs:{"type":"rimless","shadow":""},nativeOn:{"click":function($event){return _vm.showLoading1($event)}}},[_vm._v("Loading")]),_vm._v(" "),_c('h-button',{staticClass:"button-class purple",attrs:{"shadow":""},nativeOn:{"click":function($event){return _vm.showLoading2($event)}}},[_vm._v("Loading (无包裹层)")]),_vm._v(" "),_c('h-button',{staticClass:"button-class",attrs:{"type":"rimless","shadow":""},nativeOn:{"click":function($event){return _vm.showLoading3($event)}}},[_vm._v("Loading (SVG)")]),_vm._v(" "),_c('h-button',{staticClass:"button-class purple",attrs:{"shadow":""},nativeOn:{"click":function($event){return _vm.showLoading4($event)}}},[_vm._v("Loading (SVG 无包裹层)")]),_vm._v(" "),_c('h2',{staticClass:"item-title"},[_vm._v("插件用法")]),_vm._v(" "),_c('h-button',{staticClass:"button-class",attrs:{"type":"rimless","shadow":""},nativeOn:{"click":function($event){return _vm.handleLoading($event)}}},[_vm._v("LoadingPlugin")])],1)}
var staticRenderFns = []
var esExports = { render: render, staticRenderFns: staticRenderFns }
/* harmony default export */ __webpack_exports__["a"] = (esExports);

/***/ })

});